// Place all the styles related to the Events controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
html {
height:100%;
}
body {
margin:0px;
background-color: gray;
height:100%;
}

div {
background-color: white;
}
a{
font-weight:bold;
font-family:sans-serif;
color:gray;
text-decoration:none; 
}

#root{
position:relative;
width:960px;
height:100%;
margin:0 auto;
}

#head{
padding: 5px;
overflow:hidden;
}
#logo{
margin-right:218px;
height:100px;
text-align:center;
line-height:100px;
font-family:sans-serif;
font-size:xx-large;
}
#login{
position:relative;
height:100px;
width:200px;
float: right;
}

#login div { 
position:absolute;
top:50%; 
left:0px; 
right:0px; 
height:2em;
margin-top:-1em;
text-align:center;
}

#main{
position:absolute;
top:125px;
bottom:5px;
left:5px;
right:5px;
clear: both;
overflow: visible;
}
#sidebar{
position:absolute;
top:0px;
bottom:0px;
float:left;
width: 170px;
padding:15px;
}
#sidebar ul{
list-style:none;
padding: 0;
}
#events-main{
position:absolute;
top:0px;
bottom:0px;
left:210px;
right:0px;
overflow:hidden;
}
#events-head{
height:30px;
line-height:30px;
overflow:hidden;
}
#txt {
float:left;
}
#events-head #dateform {
float:right;
}
.rounded{
padding:3px 6px 3px 6px;
border-radius:10px;
}
#events-display{
position:absolute;
top:50px;
bottom:0px;
left:0px;
right:0px;
overflow:auto;
}
div.container {
background-color: gray;
}
div.event{
overflow:hidden;
background-color: gray;
margin-bottom:5px;
}
div.event-content{
height:200px;
margin-right:218px;
}
div.event-ads{
height:200px;
float:right;
width:186px;
}
div.event-content, div.event-ads, div.content {
	padding: 5px;
	border:2px solid;
	border-radius:10px;
}
div.event-content, div.event-ads {
	padding: 12px;
}
div.event-content h3 {
	margin-top: 0px;
	margin-bottom: 6px;
}

#eventform {
width:740px;
margin:0 auto;
}
table {
width:100%;
}
table td {
padding-left: 10px;
padding-right: 10px;
width:50%;
font-weight:bold;
}
#eventform table td.heading {
padding-top:10px;
}
#eventform input[type=text], 
#eventform input[type=date], 
#eventform input[type=email], 
#eventform input[type=password], 
#eventform textarea {
width:100%;
}


#loginscreen {
width:800px;
padding-left:80px;
padding-right:80px;
padding-bottom:40px;
overflow:hidden;
margin: 0 auto;
}

#welcomemsg {
float:left;
width:300px;
height:90px;
text-align:center;
}

#loginform{
float:right;
width:300px;
height:90px;
}

#loginform input {
width:100%;
}
